<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/head::commonHeaderCustomList('学员信息列表',~{::link})">
<link rel="stylesheet" href="../../static/layui/css/layui.css" th:src="@{/static/layui/css/layui.css}" media="all">
<link rel="stylesheet" href="../../static/loading/loading.css" th:src="@{/static/loading/loading.css}" media="all">
<link rel="stylesheet" href="https://hnres.etalk365.com/public/lib/bootstrap-select/1.13.9/css/bootstrap-select.min.css">
<link rel="stylesheet" href="../../static/lib/selectpage/selectpage.css?v=20180727" th:src="@{/static/lib/selectpage/selectpage.css}" type="text/css">
</head>
<style>
    .dropdown-toggle {
        height: 30px;
        line-height: 15px;
        margin-bottom: 2px !important;
    }
    .sp_input{
        min-height: 30px !important;
        height: 30px;
    }
    select{
        margin-bottom: 2px !important;
    }
    .footable-detail-row .footable-details td{
        text-align: left !important;
    }
</style>
<body>
<div id="content" class="col-lg-12 col-sm-12">
    <div class="row">
        <div class="box col-md-12" style="padding: 0;margin-top: 5px;">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2>
                        <i class="glyphicon glyphicon-user"></i> 学员信息列表
                    </h2>
                    <div class="box-icon">
                        <!-- <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> -->
                        <a href="javascript:void(0);" id="smaller" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a>
                        <!-- <a href="#"	class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> -->
                    </div>
                </div>
                <div class="box-content">
                    <form class="form-inline" style="margin-bottom:0.5%" id="searchForm" role="form">
                            <div class="form-group" data-chosenWidth="true">
                                <div class="dropdown" style="display:inline;" id="storesType" th:if="${session.storesId == 1}">
                                    <button class="form-control btn btn-default dropdown-toggle input-sm" type="button" id="dropdownMenu2" data-toggle="dropdown" style="padding:0px 12px;font-size:12px;margin-bottom:0px;">
                                        --店铺名称--<span class="caret"></span></button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="width:200px;max-height:400px;overflow:auto;">
                                        <li role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="font-weight: bold;">
                                                    <input @click="selectAll()" type="checkbox" id="selectAllStore">全选
                                                </label>
                                            </div>
                                        </li>
                                        <span v-for="(item, index) in storesTypeList">
                                            <li  role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                                <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                    <label style="font-weight: bold;">
                                                        <input @click="selectParent" type="checkbox" name="typeId" :data-stores-type="item.id"  :value="item.id">{{item.name}}
                                                    </label>
                                                </div>
                                            </li>
                                            <span  v-if="item.list.length">
                                                <li v-for="(item2, index) in item.list" role="presentation" style="padding-left:23px;white-space: nowrap;padding-right:10px;height:20px;">
                                                    <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                        <label>
                                                            <input @click="selectStrore(item)" type="checkbox" :data-stores="item.id" name="stroresIds"  :value="item2.id">{{item2.name}}
                                                        </label>
                                                    </div>
                                                </li>
                                            </span>
                                        </span>
                                    </ul>
                                </div>

                                <!-- 线下店选项 -->
                                <select  th:if="${session.storesId > 1}" id="store" class="form-control input-sm"
                                        name="storesId" disabled>
                                    <option :value="store.id" selected>{{store.name}}</option>
                                </select>

                                <div class="dropdown" style="display:inline;" id="loadCcList">
                                    <button class="form-control btn btn-default dropdown-toggle input-sm" type="button" id="dropdownMenu3" data-toggle="dropdown" style="padding:0px 12px;font-size:12px;margin-bottom:0px;">
                                        --请选择CC--<span class="caret"></span></button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="width:200px;max-height:400px;overflow:auto;">
                                        <li role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="font-weight: bold;">
                                                    <input @click="dis"  type="checkbox" name="ccIds" value="0">未抢单
                                                </label>
                                            </div>
                                        </li>
                                        <li role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="font-weight: bold;">
                                                    <input @click="selectAllCc" id="selectAllCc" type="checkbox">全选
                                                </label>
                                            </div>
                                        </li>
                                        <li v-if="ccList.length" v-for="(item, index) in ccList"  role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="">
                                                    <input @click="selectCc(item)" type="checkbox" name="ccIds" :value="item.id">{{item.loginName}}
                                                </label>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <span id="loadSscList" >
                                    <select th:if="${session.storesId == 1}" class="selectpicker show-tick" style="margin-top: 10px"  data-live-search-placeholder="搜索SSC"  title="--请选择SSC--" data-live-search="true" id="sscId">
                                        <option value="">--请选择SSC--</option>
                                        <option v-if="sscList.length" v-for="(item, index) in sscList" :value="item.id">{{item.loginName}}</option>
                                    </select>

                                    <!--<select name="bccId" id="bccId" class="form-control input-sm">
                                       <option value="">&#45;&#45;请选择约课顾问&#45;&#45;</option>
                                       <option v-if="bccList.length" v-for="(item, index) in bccList" :value="item.id">{{item.loginName}}</option>
                                    </select>-->

                                    <select class="selectpicker show-tick" style="height: 30px;margin-top: 10px" data-live-search="true" name="promotionId" id="promotionId">
                                        <option value="">--请选择活动--</option>
                                        <option v-if="promotionList.length" v-for="(item, index) in promotionList" :value="item.id">{{item.name}}</option>
                                    </select>

                                    <select th:if="${session.storeType == 1 || session.storeType == 2 || session.storeType == 3}" class="selectpicker show-tick" data-actions-box="true" data-live-search-placeholder="搜索学管师"  title="--请选择学管师--" name="ltId" style="margin-top: 10px" data-live-search="true" multiple id="ltId">
                                        <!--<option value="" selected>&#45;&#45;请选择学管师&#45;&#45;</option>-->
                                        <option v-if="ltList.length" v-for="(item, index) in ltList" :value="item.id">{{item.loginName}}</option>
                                    </select>
                                </span>

                                <div class="dropdown" style="display:inline;" id="revisit">
                                    <button class="form-control btn btn-default dropdown-toggle input-sm" type="button" id="dropdownMenu4" data-toggle="dropdown" style="padding:0px 12px;font-size:12px;margin-bottom:0px;">
                                        --请选择客户属性--<span class="caret"></span></button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="width:200px;max-height:400px;overflow:auto;">
                                        <li role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="font-weight: bold;">
                                                    <input @click="selectAllState" type="checkbox" id="selectAllState">全选
                                                </label>
                                            </div>
                                        </li>
                                        <span v-for="(item, index) in revisitList">
                                            <li  role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                                <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                    <label style="font-weight: bold;">
                                                        <input @click="selectRevisitId" type="checkbox" name="state" :id="'revisitId'+item.id" :value="item.id">{{item.name}}
                                                    </label>
                                                </div>
                                            </li>
                                            <span  v-if="item.list.length">
                                                <li v-for="(item2, index) in item.list" role="presentation" style="padding-left:23px;white-space: nowrap;padding-right:10px;height:20px;">
                                                    <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                        <label>
                                                            <input @click="selectRevisitIds(item)" type="checkbox" :data-revisitId="item.id" data-name="revisitIds" name="state"  :value="item2.id">{{item2.name}}
                                                        </label>
                                                    </div>
                                                </li>
                                            </span>
                                        </span>
                                    </ul>
                                </div>

                                <select name="attendClassStores" id="attendClassStores" class="form-control input-sm">
                                   <option value="">--请选择上课店铺--</option>
                                   <option v-if="storesList.length" v-for="(item, index) in storesList" :value="item.id">{{item.name}}</option>
                                </select>

                               <select id="intention" class="form-control input-sm"  name="intention">
                                    <option value="">--确认到店上课--</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                               </select>

                               <div class="dropdown" style="display:inline;" id="channel">
                                    <button class="form-control btn btn-default dropdown-toggle btn-sm" type="button" id="dropdownMenu5" data-toggle="dropdown" style="padding:0px 12px;font-size:12px;margin-bottom:0px;">
                                        --请选择客户渠道--<span class="caret"></span></button>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="width:200px;max-height:400px;overflow:auto;">
                                        <li role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                            <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                <label style="font-weight: bold;">
                                                    <input @click="selectAllChannel" type="checkbox" id="selectAllChannel">全选
                                                </label>
                                            </div>
                                        </li>
                                        <span v-for="(item, index) in channelInfoList">
                                            <li  role="presentation" style="padding-left:10px;white-space: nowrap;padding-right:10px;height:20px;">
                                                <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                    <label style="font-weight: bold;">
                                                        <input @click="selectChannelType" type="checkbox" name="channelTypeId" :id="'channelType'+item.id" :value="item.id">{{item.name}}
                                                    </label>
                                                </div>
                                            </li>
                                            <span  v-if="item.list.length">
                                                <li v-for="(item2, index) in item.list" role="presentation" style="padding-left:23px;white-space: nowrap;padding-right:10px;height:20px;">
                                                    <div class="checkbox" style="padding-top:0px;padding-bottom:10px;">
                                                        <label>
                                                            <input @click="selectChannel(item)" type="checkbox" :data-channelType="item.id" name="channelIds"   :value="item2.id">{{item2.name}}
                                                        </label>
                                                    </div>
                                                </li>
                                            </span>
                                        </span>
                                    </ul>
                                </div>
                                <select class="form-control input-sm" id="classStores">
                                    <option value="">--线下店上demo--</option>
                                    <option value="1">是</option>
                                    <option value="2">否</option>
                                </select>

                                <input th:if="${session.storeType != 4 and session.storeType != 5}" id="selectPage" name="schoolId"  type="text" class="form-control input-sm"
                                   style="width:160px;margin-bottom: 2px !important;" placeholder="地点/学校">

                                <select class="selectpicker show-tick" style="height: 30px;margin-top: 10px" data-live-search="true" data-title="请选择年级" multiple name="gradeIds" id="gradeIds">
                                    <!--<option value="">&#45;&#45;请选择年级&#45;&#45;</option>-->
                                    <option value="14">学龄前</option>
                                    <option value="1">一年级</option>
                                    <option value="2">二年级</option>
                                    <option value="3">三年级</option>
                                    <option value="4">四年级</option>
                                    <option value="5">五年级</option>
                                    <option value="6">六年级</option>
                                    <option value="7">初一</option>
                                    <option value="8">初二</option>
                                    <option value="9">初三</option>
                                    <option value="10">高一</option>
                                    <option value="11">高二</option>
                                    <option value="12">高三</option>
                                    <option value="13">成人</option>
                                </select>

                                <select class="form-control input-sm" id="testmark">
                                    <option value="0">所有学员</option>
                                    <option value="1" selected>正式学员</option>
                                </select>

                                <div class="input-group input-group-sm">
                                    <input id="registerStartTime" name="registerStartTime" value=''
                                           class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="注册开始日期" title="注册开始日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                    <input id="registerEndTime" name="registerEndTime" value=''
                                           class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="注册结束日期" title="注册结束日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                </div>
                                <div class="input-group input-group-sm">
                                    <input id="releaseStartTime" name="releaseStartTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="约课开始日期" title="约课开始日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                    <input id="releaseEndTime" name="releaseEndTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="约课结束日期" title="约课结束日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                </div>
                                <!-- 有发布动态查询 -->
                                <div class="input-group input-group-sm">
                                    <input id="dynamicsStartTime" name="dynamicsStartTime" value=""
                                           class="form-control input-sm" placeholder="有动态开始时间" title="有动态开始时间" onfocus="WdatePicker()" style="width:105px;"
                                           autocomplete="off"/>
                                    <input id="dynamicsEndTime" name="dynamicsEndTime" value=""
                                           class="form-control input-sm" placeholder="有动态结束时间" title="有动态结束时间" onfocus="WdatePicker()" style="width:105px;"
                                           autocomplete="off"/>
                                </div>
                                <!-- 未发布动态查询 -->
                                <div class="input-group input-group-sm">
                                    <input id="dynamicsPublishStartTime" name="dynamicsPublishStartTime" value=""
                                           class="form-control input-sm" placeholder="无动态开始时间" title="无动态开始时间" onfocus="WdatePicker()" style="width:105px;"
                                           autocomplete="off"/>
                                    <input id="dynamicsPublishEndTime" name="dynamicsPublishEndTime" value=""
                                           class="form-control input-sm" placeholder="无动态结束时间" title="无动态结束时间" onfocus="WdatePicker()" style="width:105px;"
                                           autocomplete="off"/>
                                </div>
                                <div class="input-group input-group-sm">
                                    <input id="ccChangeStartTime" name="ccChangeStartTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="CC更换开始日期" title="CC更换开始日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                    <input id="ccChangeEndTime" name="ccChangeEndTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="CC更换结束日期" title="CC更换结束日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                </div>
                                <select class="form-control input-sm" name="orderByClause">
                                    <option value="">按CC变更日期排序</option>
                                    <option value="ccChange.add_time asc">CC变更日期-顺序</option>
                                    <option value="ccChange.add_time desc">CC变更日期-倒序</option>
                                </select>
                                <div class="input-group input-group-sm">
                                    <input id="surplusStartTime" name="surplusStartTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="订单到期开始日期" title="订单到期开始日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                    <input id="surplusEndTime" name="surplusEndTime" value='' class="form-control input-sm" maxlength="10" style="width:105px;"
                                           placeholder="订单到期结束日期" title="订单到期结束日期" onfocus="WdatePicker()"
                                           autocomplete="off"/>
                                </div>
                                <div class="input-group input-group-sm">
                                    <select name="searchId" id="searchId" class="form-control" style="width:100px;margin-bottom: 0 !important;">
                                        <option value="0"> 综合搜索</option>
                                        <option value="1" >登陆名</option>
                                        <option value="2" >手机号</option>
                                        <option value="3" >中文名</option>
                                        <option value="4" >英文名</option>
                                        <option value="5" >推荐人</option>
                                        <option th:if="${session.storeType == 4 || session.storeType == 5}" value="6">收集点</option>
                                    </select>
                                    <input type="search" name="search" id="search" class="form-control" onkeyup="if(event.keyCode==13){clickSearch();}" placeholder="查询关键字..." style="width:200px;margin-bottom: 0 !important;">
                                    <span class="input-group-btn">
                                        <button class="btn btn-info btn-sm" type="button" onclick="clickSearch();"> 查 询</button>
                                    </span>
                                </div>

                                <button th:if="${session.menuMap[42] != null}" th:type="button" onclick="toAddPerson()" id="add" class="btn btn-primary btn-sm "><span class="glyphicon glyphicon-plus-sign"></span> 添 加 </button>
                                <button th:if="${session.menuMap[105] != null}" th:type="button" class="btn btn-primary btn-sm "  onclick="viewModalComplain();">  <span class="glyphicon glyphicon-check"></span> 批量转移 </button>
                                <button th:if="${session.menuMap[120] != null}" th:type="button" class="btn btn-warning btn-sm " onclick="exportExcel()"> <span class="glyphicon glyphicon-export"></span> 导出到Excel </button>
                        </div>
                    </form>
                    <div style="width:100%; /*overflow-x: auto;*/">
                    <table class="table table-striped table-bordered table-hover " data-show-toggle="false" >
                        <thead>
                            <tr>
                                <th class="text-center" th:data-breakpoints="${(session.roleId==2)?'all':''}">
                                    <input id="checkBoxAll" type="checkbox" name="" onclick="checkBoxAll(this)"/>
                                </th>
                                <th class="text-center text-nowrap" data-breakpoints="md sm">店铺</th>
                                <th class="text-center text-nowrap" data-breakpoints="all">UID</th>
                                <th class="text-center text-nowrap">登录名</th>
                                <th class="text-center text-nowrap">中文名</th>
                                <th class="text-center text-nowrap" th:data-breakpoints="${(session.roleId==2 || session.roleId==12)?'all':'lg md sm'}">英文名</th>
                                <th class="text-center text-nowrap">手机</th>
                                <th class="text-center text-nowrap">CC</th>
                                <th class="text-center text-nowrap">SSC</th>
                                <th class="text-center text-nowrap" th:data-breakpoints="${(session.roleId==2 || session.roleId==12)?'all':'lg md sm'}">BCC</th>
                                <th class="text-center text-nowrap" th:data-breakpoints="${(session.roleId==2 || session.roleId==12)?'all':'md sm'}">第一常<br/>用老师</th>
                                <th class="registerSort text-center text-nowrap" data-breakpoints="md sm">注册时间
                                    <i data-sort="1" onmouseover="down(this)" class="fa fa-caret-up fa-lg " aria-hidden="true" ></i>
                                    <i data-sort="2" onmouseover="up(this)" class="fa fa-caret-down fa-lg" aria-hidden="true"></i>
                                </th>
                                <th class="text-center text-nowrap" data-breakpoints="md sm">客户渠道</th>
                                <th class="text-center text-nowrap">推荐人</th>
                                <th class="text-center text-nowrap">客户属性</th>
                                <th class="text-center text-nowrap" data-breakpoints="md sm">收集地点</th>
                                <th class="text-center text-nowrap" th:data-breakpoints="${(session.roleId==2 || session.roleId==12)?'all':'md sm'}">活动名称</th>
                                <th class="text-center releaseSort text-nowrap" data-breakpoints="md sm">预约时间
                                    <i data-sort="1" onmouseover="down(this)" class="fa fa-caret-up fa-lg" aria-hidden="true"></i>
                                    <i data-sort="2" onmouseover="up(this)" class="fa fa-caret-down fa-lg" aria-hidden="true"></i>
                                </th>
                                <th class="text-center text-nowrap" th:data-breakpoints="${(session.roleId==2 || session.roleId==12)?'all':'lg md sm'}">上课门店</th>
                                <th class="text-center text-nowrap" data-breakpoints="md sm">年级</th>
                                <th class="text-center text-nowrap" data-breakpoints="md sm">确认到<br/>店上课</th>
                                <th class="text-center">用户操作</th>
                            </tr>
                            <input type="hidden" id="orderByClause">
                        </thead>
                        <tbody id="dataBody">
                            <tr v-if="studentList && studentList.length > 0" v-for="(item, index) in studentList">
                                <td class="text-center"><input type="checkbox" @click="check" name="checkBoxName" :value="item.personId"/></td>
                                <td class="text-center">{{item.storesName}}</td>
                                <td class="text-center">{{item.personId}}</td>
                                <td class="text-center">
                                    <span v-if="!item.ccLogin && (roleId==2 || roleId==12) && item.loginName.length==11 && item.loginName==item.phone">
                                        {{phoneFormat(item.loginName)}}
                                    </span>
                                    <span v-else>{{item.loginName}}</span>
                                    <span v-if="item.complaintNum > 0" class="badge" style="background-color: #2fa4e7;">{{item.complaintNum}}</span>
                                    <p v-if="item.remark > 0">
                                        <img alt="" src="../../static/img/new.gif">
                                    </p>
                                    <p v-if="item.followCount >= 3 || item.testMark == 5">
                                        <img alt="" src="../../static/img/hot.png">
                                    </p>
                                    <p v-if="item.ltId>0">
                                        <img src="../../static/img/admin.png" alt="学管师" title="学管师">
                                    </p>
                                    <p v-if="item.switchAuto == 1">
                                        <img src="../../static/img/auto.png" alt="自动约课" title="自动约课">
                                    </p>
                                </td>
                                <td class="text-center"> {{item.cnName}}</td>
                                <td class="text-center"> {{item.enName}} </td>
                                <td class="text-center">
                                    <span v-if="!item.ccLogin && (roleId==2 || roleId==12) && item.phone.length==11">
                                        {{phoneFormat(item.phone)}}
                                    </span>
                                    <span v-else>{{item.phone}}</span>
                                    <div>
                                        <!--<span th:if="${session.menuMap[155] != null}">
                                            <button class="btn btn-default btn-xs" :id="'dialing'+item.personId" rel="popover" :data-phone="item.phone" :data-personId="item.personId"
                                               onclick="call($(this).data('phone'),$(this).data('personid'))">
                                                <span class="glyphicon glyphicon-phone-alt green" aria-hidden="true" title="拨打电话"/>
                                            </button>
                                        </span>-->
                                        <span th:if="${session.menuMap[156] != null}">
                                            <button class="btn btn-default btn-xs" :id="'sendsms'+item.personId" rel="popover" :data-phone="item.phone" :data-personId="item.personId" th:data-userid="${session.userid}"
                                                    onclick="sendSms($(this).data('personid'),$(this).data('phone'),$(this).data('userid'))">
                                                <span class="glyphicon glyphicon-comment red" aria-hidden="true" title="发送短信"></span>
                                            </button>
                                        </span>
                                    </div>
                                </td>
                                <td class="text-center">{{item.ccLogin}}</td>
                                <td class="text-center">{{item.sscLogin}}</td>
                                <td class="text-center">{{item.bccLogin}}</td>
                                <td class="text-center">{{item.teacherLogin1}}</td>
                                <td class="text-center">{{format(item.registerTime)}}</td>
                                <td class="text-center">{{item.channelName}}</td>
                                <td class="text-center">{{item.qrCode}}</td>
                                <td class="text-center">
                                    <span v-if="item.parentId == 9">
                                        在读学员
                                    </span>
                                    <span v-if="item.parentId == 12">
                                        过期学员
                                    </span>
                                    <span v-if="item.parentId != 9 && item.parentId != 12">
                                        {{item.revisitName}}
                                    </span>
                                </td>
                                <td class="text-center">
                                    <span v-if="item.areaName">
                                        {{item.areaName}}
                                    </span>
                                       <template v-if="item.schoolName && item.areaName">></template>
                                       {{item.schoolName}}
                                </td>
                                <td class="text-center">{{item.promotionName}}</td>
                                <td class="text-center">{{format(item.releaseTime)}}</td>
                                <td class="text-center">{{item.attendClassStoresName}}</td>
                                <td class="text-center">{{item.grade}}</td>
                                <td class="text-center">
                                    <span v-if="item.intention == 1">
                                        是
                                    </span>
                                </td>
                                <td class="text-center">
                                    <div v-if="item.state == 1">
                                        <span th:if="${session.menuMap[263] != null}">
                                            <button v-if="item.scholarship == null || item.scholarship == -1" class="btn btn-danger btn-xs" :id="'scholarship'+item.personId" rel="popover" data-placement="left"
                                                    :data-personId="item.personId" onclick="scholarshipHtml($(this).data('personid'))">
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                申请奖学金
                                            </button>
                                            <button v-if="item.scholarship == 0" class="btn btn-danger btn-xs" data-placement="left" disabled>
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                申请奖学金
                                            </button>
                                            <button v-if="item.scholarship == 1" class="btn btn-danger btn-xs"  rel="popover" data-placement="left" disabled>
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                奖学金(审核中)
                                            </button>
                                            <button v-if="item.scholarship == 2" class="btn btn-danger btn-xs" :id="'scholarship'+item.personId" rel="popover" data-placement="left"
                                                    :data-personId="item.personId" :data-loginName="item.loginName" :data-cnName="item.cnName" onclick="getScholarshipHtml(this)">
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                奖学金(已通过)
                                            </button>
                                            <button v-if="item.scholarship==3" class="btn btn-danger btn-xs" :id="'scholarship'+item.personId" rel="popover" data-placement="left"
                                                    :data-personId="item.personId" :data-loginName="item.loginName" :data-cnName="item.cnName" onclick="viewScholarshipHtml(this)">
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                奖学金(已保留)
                                            </button>
                                        </span>
                                        <span th:if="${session.menuMap[133] != null}" v-if="(item.ccLogin==null || item.ccLogin=='')">
                                            <button class="btn btn-danger btn-xs"
                                                    :id="'getpopover'+item.personId"
                                                    rel="popover" :disabled="item.flag==false"
                                                    data-placement="left"
                                                    :data-personId="item.personId" :data-studentLogin="item.loginName" :data-phone="item.phone"
                                                    onclick="setCCHtml($(this).data('personid'),$(this).data('studentlogin'),$(this).data('phone'))">
                                                <i class="glyphicon glyphicon-pushpin icon-white"></i>
                                                抢单(<span>{{item.stuNum==null?0:item.stuNum}}</span>)
                                            </button>
                                        </span>

                                        <a th:if="${session.menuMap[276] != null}" class="btn btn-warning btn-xs" v-if="item.alreadyPcp==0" href="javascript:" rel="popover" data-placement="left"
                                           :data-personId="item.personId" onclick="pcp($(this).data('personid'))">
                                           <i class="glyphicon glyphicon-check icon-white"></i> PCP计划表
                                        </a>
                                        <a th:if="${session.menuMap[276] != null}" class="btn btn-default btn-xs" v-if="item.alreadyPcp==1" href="javascript:" rel="popover" data-placement="left"
                                           :data-personId="item.personId" onclick="pcp($(this).data('personid'))">
                                            <i class="glyphicon glyphicon-check icon-white"></i> PCP计划表
                                        </a>
                                        <a th:if="${session.menuMap[134] != null}" class="btn btn-warning btn-xs"
                                           :id="'changepopover'+item.personId+'0'" href="javascript:"
                                           rel="popover" data-placement="left"
                                           :data-personId="item.personId" onclick="changeCCHtml($(this).data('personid'),0)">
                                            <i class="glyphicon glyphicon-check icon-white"></i>变更CC
                                        </a>
                                        <a th:if="${session.menuMap[135] != null}" v-if="item.ccLogin" class="btn btn-warning btn-xs"
                                               :id="'changepopover'+item.personId+'1'" href="javascript:"
                                               rel="popover" data-placement="left"
                                           :data-personId="item.personId" onclick="changeCCHtml($(this).data('personid'),1)">
                                            <i class="glyphicon glyphicon-check icon-white"></i>转单
                                        </a>
                                        <span v-if="item.ccLogin || (roleId != 2 && roleId != 12)">
                                            <a th:if="${session.menuMap[118] != null}" id="menu" class="btn btn-primary btn-xs "
                                               :data-personId="item.personId" onclick="personInfo($(this).data('personid'))" >
                                                <span class="glyphicon glyphicon-plus-sign"></span>
                                                学员信息 </a>

                                            <a th:if="${session.menuMap[119] != null}" class="btn btn-info btn-xs"
                                               :data-personId="item.personId" onclick="stuDynamic($(this).data('personid'))"
                                               target="_blank" id="dynamics"> <i
                                                    class="glyphicon glyphicon-edit icon-white"></i>
                                                动态 </a>

                                            <!--<a th:if="${session.menuMap[48] != null}"  class="btn btn-primary btn-xs"
                                               :href="'admin/person_EnterCashingPoints.action?person.id='+item.personId"
                                               id="booked"><i
                                                    class="glyphicon glyphicon-calendar icon-white"></i>积分兑换</a>-->

                                            <a th:if="${session.menuMap[47] != null}"  class="btn btn-warning btn-xs"
                                               :data-personId="item.personId" onclick="viewBooking($(this).data('personid'))"
                                               id="booking"><i class="glyphicon glyphicon-calendar icon-white"></i>预约课程</a><br>

                                            <span v-if="item.ccId == userId || roleId==1 || roleId==7 || item.sscId == userId || roleId==9 || roleId==14  || roleId==15">
                                                <a th:if="${session.menuMap[44] != null}" class="btn btn-info btn-xs"
                                                   target="_blank"
                                                   :data-personId="item.personId" onclick="toEditPerson($(this).data('personid'))"
                                                   id="edit">
                                                    <i class="glyphicon glyphicon-edit icon-white"></i>
                                                    Edit </a>
                                            </span>

                                            <span v-if="item.storesId == storesId || roleId == 7 || item.sscId == userId || roleId == 9 || roleId==14 || roleId==15 || roleId==1">
                                                <a th:if="${session.menuMap[43] != null}" class="btn btn-danger btn-xs"
                                                   :id="'delpopover'+item.personId" href="javascript:"
                                                   rel="popover" data-placement="left"
                                                   :data-personId="item.personId" onclick="popoverHtml($(this).data('personid'))">
                                                    <i class="glyphicon glyphicon-trash icon-white"></i>
                                                    Delete </a>
                                            </span>
                                            <!--<a th:if="${session.menuMap[104] != null}" class="btn btn-info btn-xs"
                                               :href="'admin/person_enterStudentReports.action?person.id='+item.personId">
                                                <i class="glyphicon glyphicon-edit icon-white"></i>
                                                报表 </a>-->
                                        </span>
                                    </div>
                                </td>
                            </tr>
                            <tr v-else><td style='text-align: center;' colspan='21'>暂无数据</td></tr>
                            <tr style="display: none;height:200px;margin-top: 100px" id="loading">
                                <td style='text-align: center;' colspan='21'>
                                    <div id="loading5" style="margin: auto;">
                                        <div class="demo5"></div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    </div>
                    <div class="" id="page"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<div th:include="include/onload_js::onloadJSCustomList(~{::script})">
    <script src="https://hkres.etalk365.com/public/lib/bootstrap-select/2.0.0-beta1/js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="../../static/js/vue.min.js" th:src="@{/static/js/vue.min.js}"></script>
    <script src="../../static/layui/layui.js" th:src="@{/static/layui/layui.js}" ></script>
    <script src="../../static/student/search_criteria.js" th:src="@{/static/student/search_criteria.js?111}" ></script>
    <script src="../../static/student/person.js?v=33" th:src="@{'/static/student/person.js'+'?888'}" ></script>
    <script src="../../static/js/callandsms.js" th:src="@{/static/js/callandsms.js}" charset="utf-8"></script>
    <!-- selectpage -->
    <script type="text/javascript" src="../../static/lib/selectpage/selectpage.js" th:src="@{/static/lib/selectpage/selectpage.js}"></script>
    <!--<script src="../../static/js/jquery.datetimepicker.js" th:src="@{/static/js/jquery.datetimepicker.js}"></script>-->
    <script>
        $(function(){
            $(".btn-group bootstrap-select show-tick").css("height","30px");

        });

    </script>
</div>
</body>
</html>
